﻿<%@ Page Title="" Language="C#" MasterPageFile="~/main.Master" AutoEventWireup="true" CodeBehind="ProductDetail.aspx.cs" Inherits="WebBanHang.GUI.ProductDetail" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="../js/jquery.countdown.js" type="text/javascript"></script>
    <script src="../js/jquery.min.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function () 
        {
            var endDate = '<% =Datestring %>';
            $('.countdown-simple').countdown({ date: endDate });
            $('.countdown-styled').countdown({
                date: endDate,
                render: function (data) {
                    var el = $(this.el);
                    el.empty()
              .append("<div>" + this.leadingZeros(data.hours, 2) + " <span>hrs</span></div>")
              .append("<div>" + this.leadingZeros(data.min, 2) + " <span>min</span></div>")
              .append("<div>" + this.leadingZeros(data.sec, 2) + " <span>sec</span></div>");
                }
            });
        });

    </script>
<style type="text/css">
          
          
    .clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}

.countdown-simple {
  font-size: 20px;
  background: #333;
  border-radius: 0.5em;
  padding: 0.5em 0.7em;
  color: #e9e9e9;
}

.countdown-styled div {
  display: inline-block;
  margin: 0 5px;
  font-size: 30px;
  font-weight: 100;
  line-height: 1;
  text-align: right;

  /* IE7 inline-block hack */
  *display: inline;
  *zoom: 1;
}

.countdown-styled div:first-child {
  margin-left: 0;
}

.countdown-styled div:last-child {
  margin-right: 0;
}

.countdown-styled div span {
  display: block;
  border-top: 1px solid #cecece;
  padding-top: 3px;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: left;
}
.comments-list {
	padding: 0;
}
        .auto-style1
        {
            width: 100px;
            height: 83px;
        } 
        .clearfix
        {
            width: 351px;
        }
         </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:DataList ID="DataList1" runat="server">
        <ItemTemplate>        
            <asp:HyperLink ID="HyperLink15" runat="server" 
                ImageUrl='<%# Eval("HinhAnh") %>'>HyperLink</asp:HyperLink>
            <table>
                                <tr>
                                    <td colspan="2" align="center">
                                        <asp:Label ID="Label1" runat="server" Text='<%# Eval("TenDeal") %>'></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style40">
                                        Giá mới:
                                    </td>
                                    <td class="style39">
                                        <asp:Label ID="Label2" runat="server" Text='<%# Eval("GiaBan") %>'></asp:Label>
                                        &nbsp;vnđ
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style34">
                                        Giá cũ:
                                    </td>
                                    <td class="style39">
                                        <asp:Label ID="Label3" runat="server" Font-Overline="False" Font-Strikeout="True"
                                            Text='<%# Eval("GiaGoc") %>' Style="color: #000000"></asp:Label>
                                        &nbsp;<span class="style36">vnđ</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style33" colspan="2">
                                        <asp:Label ID="Label4" runat="server" Text='<%# Eval("MoTa") %>'></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style40">
                                        &nbsp;</td>
                                    <td class="style39">
                                        <asp:Button ID="btMuaHang" runat="server" onclick="btMuaHang_Click" 
                                            Text="Mua hàng" Width="139px" />
                                    </td>
                                </tr>
                            </table>
        </ItemTemplate>
    </asp:DataList>
    </asp:Content>
